<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>校园新闻详情</title>
	<link rel="shortcut icon" href="../img/title/招聘求职.png" type="image/x-icon">
	<!-- 引入样式 -->
	<link rel="stylesheet" href="../css/news.css">
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
	<div id="app">
		<div class="header">
			<div class="header_left">
				<img src="../img/main/招聘会.png"	>
				<a href="./main.html">&nbsp;校园兼职管理</a>
			</div>
			<div class="header_center">
				<ul>
					<li ><a href="./main.html">主页</a></li>
					<li><a href="./work_list.html">职位</a></li>
					<li><a style="color: lawngreen;" href="./news.html">校园新闻</a></li>
				</ul>
			</div>
			<div class="header_right">
				<el-button @click="loginBtn" type="success" icon="el-icon-user-solid">登录</el-button>
				<el-button @click="registerBtn" type="success" icon="el-icon-takeaway-box">注册</el-button>
			</div>
		</div>
		<div class="section">
			<div class="section_1">校园新闻</div>
			<div class="section_2">首页 > 校园新闻</div>
		</div>
		<div class="content">
			<a style="position: relative;right: -400px;text-decoration: none;height: 2%;color: #797979;" href="./news_list.html">查看更多>>></a>
			<div class="content_top">
				<div class="content_top_item" v-for="item in dataList">
					<div class="block" @click="look" :id="item.id"><el-avatar :size="90" :src="item.news_image"></el-avatar></div>
					<el-tag :type="type[item.id%5]">{{item.news_name}}</el-tag>
					<span>{{item.news_time}}</span>
				</div>
			</div>
			<div class="content_bottom">
				<p>
					调查时间:XX年2月27日<br />
					调查地点:XXX职业学院<br />
					调查对象:在校大学生调查内容:关于在校大学生的兼职情况，以及从中反应出来的问题<br />
					调查方式:问卷调查<br />
					一、目的:大学生的空闲时间很多,但是在学习理论知识的同时又要填强自己的实践能力,而兼职是提高大学生实践能力的主要途径,对此,为了了解大学生对兼职的看法以及进择兼职工1等，我们开展了此次调查活动。<br />
					二、数据统计 1.46%的同学对做兼职持奥好、赞成的态度,并且66%的人都有兼职的经历,这些同学做兼职最主要的目的是为了锻炼自已的能力,积累社会经验,当然,也有22%的是为了跳点生1活费,减轻父母的负担,这22%的同学中,月生活费在300-600元左右占大多数。2.40%的同学认为兼职会影响学习,40%的同学认为合理安排就不会影响学习,而48%的同学会在年규假做兼职。3.92%的同学选择兼职工作的类型是派发传单、做促销和礼仪。极少数同学则会选择模持儿和家软等兼职工作，80%的同学获得兼职信息主要是通过就人介绍和兼职中介推荐。<br />
				</p>
			</div>
		</div>
	</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script src="../js/jquery-3.6.1.js"></script>
<script src="../js/after_landing.js"></script>
<script>
	const vm = new Vue({
		el: '#app',
		data(){
			return {
				dataList: [],
				type: ['','success','info','warning','danger'],
				id: 0,
				userMsgList : [],
			}
		},
		created(){
			axios.get('/news/list').then((resp)=>{
				this.dataList = resp.data.data
			})
			let username = getCookie("cookie_username")
			if (username !== null && username.length > 0){
				axios.get('/users/'+username).then((resp)=>{
					this.userMsgList = resp.data.data
					$('.header_center ul').append(`<li><a href="./personal_resume.html">简历</a></li>`)
					$('.header_center ul').append(`<li><a href="./personal_center.html">个人中心</a></li>`)
					$('.header_right').empty()
					let url = this.userMsgList.user_image
					$(".header_right").append(`<img style="width: 7%;margin-right: 5px" src="${url}">${username}`);
					$(".header_right").append(`<a style="text-decoration: none;color: #77838e;margin-left: 5px" href="/logins/logout">注销</a>`);
				})
			} else {
				$('.header_center ul li:gt(2)').remove()
			}
		},
		methods:{
			loginBtn(){
				document.location.href = "login.html"
			},
			registerBtn(){
				document.location.href = "register.html"
			},
			look(e){
				this.id = e.currentTarget.getAttribute("id")
				window.location.replace("/pages/news_detail.html");
				window.sessionStorage.setItem('id', this.id);
				window.sessionStorage.setItem('path',document.location.pathname)
			}
		}
	})
</script>
<script>
	// window.onload = function (){
	// 	vm.$notify({
	// 		title: '页面加载完成',
	// 		message: '<strong style="font-size: 17px;color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to right, orange, purple);">' +
	// 				'点击头像即可查看新闻详情' +
	// 				'</strong>',
	// 		offset: 100,
	// 		dangerouslyUseHTMLString: true,
	// 		duration: 2500
	// 	});
	// }
</script>
</html>